<template>
  <div class="color-container">
    <div class="color-view">
      <div class="content">
        <div class="title">
          沧浪
        </div>
        <div class="details">
          沧浪之水清兮，可以濯我缨；沧浪之水浊兮，可以濯我足
        </div>
      </div>
    </div>
    <div class="color-value">
      #55DDFF
    </div>
  </div>
</template>

<style scoped lang="scss">
  .color-container {
    margin-left: 30px; /*del*/
    width: 112px;
    height: 391px;
    background-color: #309042;
  }
  .color-view {
    width: 90%;
    height: 90%;
    background-color: #783fe5;
  }
  
</style>
